<!DOCTYPE html>
<html class="no-js">
<head lang="en">
  <meta charset="UTF-8">
  <title>帐号登录_众创互联云孵化平台</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta name="format-detection" content="telephone=no">
  <!-- Set render engine for 360 browser -->
  <meta name="renderer" content="webkit">
  <!-- No Baidu Siteapp-->
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href="images/favicon.png">
  <link href="../assets/css/zc_base.css" rel="stylesheet" />
  <link href="../assets/css/zc_style.css" rel="stylesheet" />
  <script src="../assets/js/jquery.js"></script>
  <script src="../assets/js/zc_base.js"></script>
</head>
<body>
  <!-- 头部 -->
  <div class="container-layout">
    <div class="line">
      <div class="xl12 xs5 xm6 xb6">
        <button class="button icon-navicon float-right" data-target="#header-demo1">
        </button>

        <a href="/" class="float-left">
          <img src="../assets/images/logo.png" alt="众创互联云孵化平台"  />
        </a>
        <h2 class="margin-big-top">帐号登录</h2>
      </div>
      <div class="xl12 xs7 xm6 xb6 padding-top">

      </div>
    </div>
  </div>
  <hr>

  <!-- 注册 -->
  <div class="container  margin-large-top margin-large-bottom">
    <div class="line">
      <div class="xl12 xs12 xm8 ">
        <img src="../assets/images/bg-login.jpg" width="90%" alt="">
      </div>
      <div class="xl12 xs12 xm4">

        <div class="tab" >
          <div class="tab-head text-right">
            <!-- <strong><h3>登录选择</h3></strong>  -->
            <ul class="tab-nav">
              <li class="active"><a href="#tab-start2">用户登录</a> </li>
              <li><a href="#tab-css2">手机验证码登录</a> </li>
            </ul>
          </div>
          <div class="tab-body tab-body-bordered">
            <div class="tab-panel active" id="tab-start2">
              <div class="alert alert-red "><span class="close rotate-hover"></span><strong>提示：</strong>用户名或密码错误，请重新填写。</div>
              <form method="post">
                <div class="form-group margin-top">
                  <div class="field field-icon-right">
                    <input type="text" class="input input-big" name="user" placeholder="用户名/邮箱/手机号码" maxlength="32" data-validate="required:请填写帐号" />
                    <span class="icon icon-user margin-small-top"></span>
                  </div>
                </div>
                <div class="form-group margin-top">
                  <div class="field field-icon-right">
                    <input type="password" class="input input-big" name="password" maxlength="16" placeholder="登录密码" data-validate="required:请填写密码,length#>=5:密码长度5-16位" />
                    <span class="icon icon-key margin-small-top"></span>
                  </div>
                </div>

                <div class="form-group margin-top">
                  <div class="field text-center">
                    <p class="text-muted text-right"> <a class="" href="#">忘记密码？</a>  |  <a class="" href="user-register.html">注册新账号</a>
                    </p>
                  </div>
                </div>


                <div class="form-group margin-top">
                  <div class="field">
                    <button class="button button-block button-big bg-sub text-big">立即登录</button>
                  </div>
                </div>
              </form>
            </div>
            <div class="tab-panel" id="tab-css2">
              <div class="alert alert-red "><span class="close rotate-hover"></span><strong>提示：</strong>登录失败，请重新填写。</div>
              <form method="post">
                <div class="form-group margin-top">
                  <div class="field field-icon-right">
                    <input type="text" class="input input-big" name="admin" placeholder="手机号码"maxlength="11" data-validate="required:请填写手机号码,mobile:请填写正确的手机号码" />
                    <span class="icon icon-mobile margin-small-top"></span>
                  </div>
                </div>
                <div class="form-group margin-top">

                  <div class="field">
                    <input type="text" class="input input-big" name="passcode" placeholder="填写右侧的验证码" data-validate="required:请填写右侧的验证码" />
                    <img src="http://zchly.cn/Users/verify_c.html" width="100" height="32" class="passcode " />
                  </div>
                </div>
                <div class="form-group margin-top">
                  <div class="field">
                    <div class="input-group padding-little-top">
                      <input type="text" class="input input-big" name="passcode" maxlength="6" placeholder="短信验证码" data-validate="required:请填写手机收到的短信验证码" />
                      <span class="addbtn">
                        <button type="button" class="button input-big">
                          获取验证码</button>
                        </span>
                      </div>
                    </div>
                  </div>

                  <div class="form-group margin-top">
                    <div class="field">
                      <button class="button button-block button-big bg-sub text-big">立即登录</button>
                    </div>
                  </div>
                </form>
              </div>

            </div>
          </div>

        </div>
      </div>
    </div>



    <!-- 底部 -->
    <div class="container-layout bg-323A45 bg-inverse padding-big-top padding-big-bottom">
      <div class="table-responsive padding hidden-l">
        <ul class="nav nav-sitemap">
          <li><a href="#">新闻资讯</a>
            <ul>
              <li><a href="#" class="text-gray">新闻公告</a> </li>
              <li><a href="#" class="text-gray">业界资讯</a> </li>
              <li><a href="#" class="text-gray">媒体报道</a> </li>
            </ul>
          </li>
          <li><a href="#">产品中心</a>
            <ul>
              <li><a href="#" class="text-gray">产品分类</a> </li>
              <li><a href="#" class="text-gray">产品品牌</a> </li>
              <li><a href="#" class="text-gray">产品特色</a> </li>
            </ul>
          </li>
          <li><a href="#">技术反馈</a>
            <ul>
              <li><a href="#" class="text-gray">售后服务</a> </li>
              <li><a href="#" class="text-gray">营销网络</a> </li>
              <li><a href="#" class="text-gray">服务支持</a> </li>
            </ul>
          </li>
          <li><a href="#">留言反馈</a> </li>
          <li><a href="#">联系方式</a> </li>
        </ul>
      </div>
      <hr class="bg-black">
      <div class="text-center text-gray">
        版权所有 © zchly.cn All Rights Reserved，京ICP备07501059号-5   京公网安备 11010802020208号</div>
      </div>

    </body>
    </html>